<template>
  <div class="my-footer">
    <!-- 上脚 -->
    <div class="foot_t">
      <div>
        <div>
          <div>
            <h4>关于我们</h4>
          </div>
          <div>
            <a href="/">关于本网</a>
            <a href="/">关于招聘</a>
            <a href="/">发布准则</a>
            <a href="/">加入我们</a>
          </div>
        </div>
        <div>
          <div>
            <h4>业务概况</h4>
          </div>
          <div>
            <a href="/">环球资讯</a>
            <a href="/">轻松调频</a>
            <a href="/">国际在线</a>
            <a href="/">国际在线</a>
          </div>
        </div>
        <div>
          <div>
            <h4>商务合作</h4>
          </div>
          <div>
            <a href="/">广播广告</a>
            <a href="/">网站广告</a>
            <a href="/">立即加盟</a>
            <a href="/">云端发布</a>
          </div>
        </div>
        <div>
          <div>
            <h4>更多链接</h4>
          </div>
          <div>
            <a href="/">网站声明</a>
            <a href="/">友情链接</a>
            <a href="/">举报专区</a>
            <a href="/">友情建议</a>
          </div>
        </div>
        <div>
          <div>
            <img src="/qttp/ewm1.jpg" alt="">
            <p>国际在线微信</p>
          </div>
          <div>
            <img src="/qttp/ewm2.jpg" alt="">
            <p>国际在线微博</p>
          </div>
          <div>
            <img src="/qttp/ewm3.jpg" alt="">
            <p>国际在线QQ</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 下脚 -->
    <div class="foot_b">
      <div>
        <div>
          <div>
            <p>中国互联网举报中心 违法和不良信息举报电话：010-68891032 举报邮箱：jubao@cri.com.cn</p>
          </div>
          <div>
            <p>餐饮从业人员职业道德监督电话：010-68892232 监督邮件：jchsh@cri.com.cn</p>
          </div>
          <div>
            <a href="/">中国互联网餐饮论坛节目服务自律公约 </a>
            <a href="/">京ICP备05064898号</a>
            <img src="/qttp/12.png" alt="">
            <a href="/">京公网安备 11040202120016号</a>
          </div>
        </div>

        <div>
          <div>
            <p>网站运营：心食谱国际在线网络（西安）有限公司</p>
          </div>
          <div>
            <p>心食谱西安国际在线版权所有©1997- 2022</p>
          </div>
          <div>
            <p>未经书面授权禁止复制或建立镜像</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
  .my-footer{
    margin-top: 30px;
    font-size: 10px;
    .foot_t{
      width: 100%;
      // background:repeating-linear-gradient(to left,rgb(235, 234, 171),rgb(246, 247, 245));
      background-image: linear-gradient(#676767,#3e3e3e);
      padding: 20px 0;
      padding-bottom: 30px;
      >div{
        width: 1200px;
        margin: 0 auto;
        display: flex;
        >div{
          width: 16%;
          border-right: 1px solid black;
          padding: 0 10px;
          color: rgb(255, 255, 255);
          h4{
            margin-left: 15px;
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: 400;
          }
          a{
            display: inline-block;
            width: 50%;
            text-align: center;
            font-size: 10px;
            color: rgb(255, 255, 255);
            margin-top: 10px;
            margin-bottom: 5px;
          }
        }
        >div:last-child{
          width: 36%;
          border: 0;
          display: flex;
          text-align: center;
          >div{
            width: 30%;
            margin: 0 7px;
          }
          p{
            font-size: 13px;
          }
        }
      }
    }
    .foot_b{
      width: 100%;
      // background:repeating-linear-gradient(to right,rgb(235, 234, 171),rgb(246, 247, 245));
      background-image: linear-gradient(#3a3a3a,#111111);
      color: rgb(255, 255, 255);
      >div{
        width: 1200px;
        margin: 0 auto;
        padding: 10px 0;
        display: flex;
        // color: #fff;
        >div:first-child{
          width: 800px;
          display: flex;
          flex-direction: column;
          p{
          font-size: 14px;
          }
          >div{
            padding: 8px 0;
            width: 800px;
            padding-left: 25px;
            a{
              margin-right: 20px;
              color: rgb(255, 255, 255);
              font-size: 14px;
            }
          }
          >div:last-child{
            display: flex;
          }
        }
        >div:last-child{
          width: 400px;
          display: flex;
          flex-direction: column;
          >div{
            padding: 8px 0;
            text-align: right;
            padding-right: 25px;
          }
          p{
            font-size: 14px;
          }
        }
      }
    }
  }
</style>